Ext.define('Sencha.view.TabView', {
    extend: 'Ext.TabPanel',
    xtype: 'tabview',
    requires: [
        'Sencha.view.DictionarySourceNavigationView'
    ],
      
    initialize: function () {
        this.callParent(arguments);
        
        var logoButton = {
            xtype: "button",
            cls: 'logoButton',
            icon: 'images/dictionaryIcon.png',
            text: 'Iwaidja Inyman'
        };
        
        this.getTabBar().add(logoButton);
    },
    
    config: {
        fullscreen: true,
           
        // Custom Property - used to flag that a tab has been jumped to
        tabJump: null,
           
        tabBarPosition: 'bottom',
        defaults: {
            styleHtmlContent: true
        },
        tabBar: {
            layout: {
                pack: 'start'
            }
        },
        items: [
           {
               title: 'Dictionary',
               iconCls: 'dictionary',
               xtype: 'dictionarysourcenavigationview'
           },
           {
               title: 'Phrases',
               iconCls: 'dictionary',
               xtype: 'phrasenavigationview'
           },
           {
               title: 'Wordmaker',
               iconCls: 'dictionary',
               xtype: 'wordmaker'
           },
           {
                title: 'Information',
                iconCls: 'dictionary',
                cls: 'infocontainer',

                //xtype: 'informationnavigationview'
                //xtype: 'infocontainer'
                //xtype: 'container',
                
                //xtype: 'informationcontainerview'
                xtype: 'informationnavigationview'
                /*
                listeners: {
                    activate : function() { 
                        console.log('listener activate...');
                
                        //var view = Ext.create('Sencha.view.InformationNavigationView');
                
                        this.add([{xtype: 'informationnavigationview',cls:''}]);
                    },
                    deactivate : function() { 
                        console.log('listener deactivate...');
                    }
                }
                */
               //xtype: 'informationnavigationview'
           }
        ]
	}
    
});
